<?php
require_once 'config.php';

$page = Util::singleton();
$page->cabecalho("Editor"); 
$page->topo();

echo "<div class='container-fluid'>";
echo "<div class='row-fluid'>";
echo "<div class='span2'>";
//código referente ao menu lateral
$page->menu();
echo "</div>";

echo "<div class='span10' >";
//código referente ao 'meio'

echo "<ul class='thumbnails'>";
//Terminal
echo "<li class='span2' >";
echo "<div class ='thumbnail' >";
echo "<div class='elementos terminal ponteiroMouse' id='terminal' title='Início ou Fim'  onclick='montar(\"terminal\")' ></div></div></li>"; 

//Teclado
echo "<li class='span2' >";
echo "<div class ='thumbnail' >";
echo "<div class=' borda-desenho teclado ponteiroMouse' id='teclado' title='Entrada de dados pelo teclado' onclick='montar(\"teclado\")'></div></div></li>";


//Processamento
echo "<li class='span2'>";
echo "<div class ='thumbnail' >";
echo "<div class='elementos processamento ponteiroMouse' id='processamento' title='Cálculos e atribuição de valor em variáveis' onclick='montar(\"processamento\")'></div></div></li>";

//Vídeo
echo "<li class='span2'>";
echo "<div class ='thumbnail' >";
echo "<div class='elementos video ponteiroMouse' id='video' title='Saída de informações pelo monitor' onclick='montar(\"video\")'>
      <div class='borda-desenho borda-video-top'></div>
      <div class='borda-desenho borda-video-botton'></div>
      </div></div></li>";

//Decisão
echo "<li class='span2'>";
echo "<div class ='thumbnail' >";
echo "<div class='elementos decisao ponteiroMouse' id='decisao' title='Decisão lógica' onclick='montar(\"decisao\")'>
      <div class='borda-desenho borda-dec-top-left'></div>
      <div class='borda-desenho borda-dec-bot-left'></div>
      <div class='borda-desenho borda-dec-top-right'></div>
      <div class='borda-desenho borda-dec-bot-right'></div>
      </div></div></li>";

echo "</ul>";
//echo "<div class='elementos terminal ponteiroMouse' id='terminal' title='Início ou Fim'  onclick='montar(\"terminal\")' ></div>";
//echo "<div class='elementos teclado ponteiroMouse' id='teclado' title='Entrada de dados pelo teclado' onclick='montar(\"teclado\")'></div>";
//echo "<div class='elementos processamento ponteiroMouse' id='processamento' title='Cálculos e atribuição de valor em variáveis' onclick='montar(\"processamento\")'></div>";
//echo "<div class='elementos video ponteiroMouse' id='video' title='Saída de informações pelo monitor' onclick='montar(\"video\")'></div>";
//echo "<div class='seta ponteiroMouse' id='seta' title='Orientação do fluxo' onclick='montar(\"seta\")'></div>";
echo "</div>";
echo "</div>";
echo "</div>";

echo "<form action='editor.php' method='post'>
	<div>
	<input name='botao' type='submit' value='Salvar' title='Salvar o fluxograma'></input>
	<input id='limpar' type='button' value='Limpar' onclick='limparArea()' title='Limpar a área de criação'></input>
	</div>
	</form>";



	
/*$caminho=(PATH_PASTA);
$lista= array();
var_dump($_POST);
	//se o botão recebeu valor
//if (isset($_POST["botao"])){
	$lista=listaArquivos($caminho);
	//verifica o numero final do nome do últimmo fluxograma e acrescenta 1 para o nome do novo fluxograma para q não haja nomes repetidos
	$proxNomeInt=1+(int)substr($lista[0],10);
	//converte o número para string
	$proxNomeStr=(string)$proxNomeInt;
	$nomeFluxograma="fluxograma".$proxNomeStr.".png";
	//função que tira um print screen da tela
	$im = imagegrabscreen();
	//transforma a imagem em png e a salva no caminho indicado com o nome indicado
	imagepng($im, $caminho.$nomeFluxograma);

	
	//$sql="INSERT INTO imagem (nome,id_usuario) VALUES ('".$nomeFluxograma."','".$_SESSION['codigo']."')";
	//$bdFluxo->inserir($sql);
	//echo "<script type='text/javascript'>alert('Fluxograma salvo com sucesso!');</script>"; 	
//}
//}else{
	//echo "<script type='text/javascript'>alert('Cadastre-se para utilizar o editor');</script>";
	//redirect('inicio.php');
//s}*/

	
$page->rodape();